/* ********************************************* */
/* **** TABLA DE COLORES ********************** */
/* ******************************************* */

body{
	color:#000; /* Cuerpo de texto */
	background:#F0F0F0; /* Color de fondo */
}

#content{
	border-color:#ADADAD; /* Border del contenedor principal */
	background:#ffffff; /* Color de fondo del contenedor principal */
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); /* Sombra */
}

#navcontainer{
	color:#f0f0f0; /* Color fondo menú */	
}

#navcontainer a{
	color:#0F5E87; /* Enlaces del menú */
	border-color:#DADADA; /* Borde que separa a los enlaces  */
}

#navcontainer a:hover,#subnav div:first-child a:hover{
	color:#6A3A4A; /* Enlaces al pasar sobre ellos */
	background:#fff; /* Fondo de los enlaces al pasar sobre ellos */
}

#subnav a{
	color:#38565F; /* Menú: enlaces de segundo nivel */
}

#navcontainer #active{
	color:#0460B3; /* Enlace activo en el menú principal */
	border-color:#0460B3;  /* Borde del enlace activo en el menú principal */
}

.noprt{
	color:#fff; /* Color de texto del bloque Anterior/Siguiente: igual que el color de fondo de la página */
	border-color:#ADADAD; /* Color de borde del bloque: borde superior */
}

.noprt a{
	background-color:#F0F0F0; /* Color de fondo de los enlaces Anterior/Siguiente */
	color:#6A3A4A; /* Color de texto de estos enlaces */
}

.noprt a:hover{
	background-color:#E8EDF1; /* Color de fondo de los enlaces Anterior/Siguiente al pasar sobre ellos */
	color:#000; /* Color de texto de estos enlaces al pasar sobre ellos */
}

#topPagination .pagination, #topPagination a{ /* En esta plantilla esta paginación se encuentra oculta por defecto (busca "Invisible content" en este mismo archivo) */
	color:#DADADA; /* Color de texto de la paginación de la cabecera */
}

#topPagination a:hover{
	color:#FFF; /* Color de texto de estos enlaces al pasar sobre ellos */
}

#main #nodeDecoration{
	text-shadow:none; /* Sombra del texto del título de la página */
}

#header{
	color:#000000; /* Título del proyecto */
	text-shadow:1px 1px 1px #466A76; /* Sombra del texto */
}

#nodeTitle{
	color:#FFFFFF; /* Título de cada página */
}

/* ************************************************************************** */
/* **** TABLA DE COLORES para usarios del eXe del ITE ********************** */
/* ************************************************************************ */

#siteNav a{
	background:#f0f0f0; /* Color fondo menú */
	color:#0F5E87; /* Enlaces del menú */
	border-color:#ADADAD; /* Borde que separa a los enlaces */
}

#siteNav a:hover{
	color:#6A3A4A; /* Enlaces al pasar sobre ellos */
	background:#fff; /* Fondo de los enlaces al pasar sobre ellos */
}

#siteNav ul ul a{
	color:#38565F; /* Menú: enlaces de segundo nivel */
}

#siteNav .active{
	color:#6A3A4A; /* Enlace activo en el menú principal */
	font-weight:bold; /* Peso fuente */
	border-color:#ADADAD;  /* Borde del enlace activo */
}

#siteNav .other-section{
	display:none; /* Eliminar si se quiere que se muestren todos los niveles */
}

/* ********************************************* */
/* **** OTRAS DEFINICIONES ******************** */
/* ******************************************* */

/* ITE nav */
#main{padding:10px 20px 11px 250px}
#header,#emptyHeader{
	height:29px;
	background:url(my_header.jpg) no-repeat 0 0;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 304px;
}
* html #header,* html #emptyHeader{height:109px} /* IE6 */
/*#nodeTitle{position:absolute;top:55px;left:250px;margni-left:0}*/
#nodeTitle{font-size:1.6em;margin:10px 10px 0 0}
#main #nodeDecoration{background:none;padding:0;border:none}

body{
	padding:0;
	margin:0;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5;
}
#content{
	font-size: 0.75px;
	width: 985px;
	margin: 0 auto 25px auto;
	text-align: center;
	position: relative;
	border-style: solid;
	border-width: 1px;
	border-top: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

#navcontainer {width: 230px;float: left;padding-right:20px}
#navcontainer ul,#navcontainer li{margin:0;padding:0}
#navcontainer a{display:block;padding:4px 0 4px 10px;border-width:0 0 1px 0;border-style:dotted}
#navcontainer div:first-child,#navcontainer div:first-child a{font-weight:bold;font-variant:small-caps;letter-spacing:1px}
#navcontainer div:first-child a:hover{text-decoration:underline;background:none}
#subnav div:first-child,#subnav div:first-child a{font-weight:normal;font-variant:normal;letter-spacing:0}
#navcontainer a:hover,#subnav div:first-child a:hover{text-decoration:none}
#subnav{font-size:11px}
/*#subnav a{color:#555}*/
#navcontainer #active{font-weight:bold;padding:4px 0 4px 10px;border-style:dotted;border-width:0 0 1px 0}
#subnav a,#subnav #active{padding:4px 0 4px 25px}

/* ********************************************************* */
/* **** DEFINICIONES específicas para el eXe del ITE ****** */
/* ******************************************************* */ 

/* #emptyHeader  (ver #header) */
#siteNav{width:230px;float:left;padding-right:20px;padding-bottom:59px;background:url(my_nav_bg.jpg) no-repeat 0 bottom}
* html #siteNav{width:250px} /* IE6 */
#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}
#siteNav a{display:block;padding:4px 0 4px 10px;border-width:0 0 1px 0;border-style:dotted}
* html #siteNav a{display:inline-block;width:100%} /* IE6 */
#siteNav .main-node{font-weight:bold;font-variant:small-caps;letter-spacing:1px;font-size:1.1em}
#siteNav a.main-node:hover{text-decoration:underline;background:none}
#siteNav ul ul a{padding-left:25px;font-size:.95em}
#siteNav ul ul ul a{font-size:1em;padding-left:50px}

/* Pagination */
.pagination,.noprt{border-style:dotted;border-width:1px 0 0 0;padding-top:10px;text-align:right}
.pagination a,.noprt a{padding:3px 5px;border-radius:5px}
.pagination a:hover,.noprt a:hover{text-decoration:none}
#topPagination{position:absolute;top:72px;right:10px}
#topPagination .pagination{border:none}
#topPagination a{padding:0 5px;background:none}
#topPagination a:hover{text-decoration:underline}

/* Footer and iDevices */
#pageFooter{text-align:center;margin-left:-250px}
.iDeviceTitle{vertical-align:top}

/* Autoclear */
#content:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} 
#content{display:inline-block}
html[xmlns] #content{display:block}
* html #content{height: 1%;overflow:visible}

/* Invisible content (visible for screen reader users) */
#topPagination{
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	height:0;
}
